<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jquery的例子</title>
</head>
<body>
	<ol>

		<h1>jquery效果</h1>
		<li><a href="tryjquery_hide.html">文字隐藏</a></li>
		<li><a href="tryjquery_hide_explanations.html">按钮隐藏</a></li>
		<li><a href="tryjquery_toggle.html">使用 toggle() 方法来切换 hide()
				和 show() 方法</a></li>
		<li><a href="tryjquery_fadein.html">jQuery fadeIn()
				用于淡入已隐藏的元素。</a></li>
		<li><a href="tryjquery_fadeout.html">jQuery fadeOut()
				方法用于淡出可见元素</a></li>
		<li><a href="tryjquery_fadetoggle.html">jQuery fadeToggle()
				方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换</a></li>
		<li><a href="tryjquery_fadeto.html">jQuery fadeTo()
				方法允许渐变为给定的不透明度（值介于 0 与 1 之间）</a></li>
		<li><a href="tryjquery_slide_down.html">演示 jQuery slideDown()
				方法</a></li>
		<li><a href="tryjquery_slide_up.html">演示 jQuery slideUp() 方法</a></li>
		<li><a href="tryjquery_slide_toggle.html">演示 jQuery
				slideToggle() 方法</a></li>
		<li><a href="tryjquery_animation1.html">jQuery animate()
				方法用于创建自定义动画</a></li>
		<li><a href="tryjquery_animation1_multicss.html">jQuery
				animate() - 操作多个属性</a></li>
		<li><a href="tryjquery_animation1_relative.html">jQuery
				animate() - 使用相对值 也可以定义相对值（该值相对于元素的当前值）。需要在值的前面加上 += 或 -=：</a></li>
		<li><a href="tryjquery_animation1_toggle.html">jQuery
				animate() - 使用预定义的值 您甚至可以把属性的动画值设置为 "show"、"hide" 或 "toggle"：</a></li>
		<li><a href="tryjquery_animation.html">默认地，jQuery
				提供针对动画的队列功能。 这意味着如果您在彼此之后编写多个 animate() 调用，jQuery
				会创建包含这些方法调用的"内部"队列。然后逐一运行这些 animate 调用。</a></li>
		<li><a href="tryjquery_animation2.html">下面的例子把 div元素往右边移动了
				100 像素，然后增加文本的字号： </a></li>
		<li><a href="tryjquery_stop_slide.html">jQuery stop()
				方法用于停止动画或效果，在它们完成之前。 stop() 方法适用于所有 jQuery 效果函数，包括滑动、淡入淡出和自定义动画。</a></li>
		<li><a href="tryjquery_hide_callback.html">许多 jQuery
				函数涉及动画。这些函数也许会将 speed 或 duration 作为可选参数。 例子：$("p").hide("slow")
				speed 或 duration 参数可以设置许多不同的值，比如 "slow", "fast", "normal" 或毫秒。 实例
				以下实例在隐藏效果完全实现后回调函数:</a></li>
		<li><a href="tryjquery_hide_no_callback.html">以下实例没有回调函数，警告框会在隐藏效果完成前弹出：
				没有 callback(回调)</a></li>
		<li><a href="tryjquery_chaining.html">直到现在，我们都是一次写一条 jQuery
				语句（一条接着另一条）。 不过，有一种名为链接（chaining）的技术，允许我们在相同的元素上运行多条 jQuery
				命令，一条接着另一条。 提示： 这样的话，浏览器就不必多次查找相同的元素。 如需链接一个动作，您只需简单地把该动作追加到之前的动作上。
				下面的例子把 css()、slideUp() 和 slideDown() 链接在一起。"p1"
				元素首先会变为红色，然后向上滑动，再然后向下滑动：</a></li>
		<H1>jqueryHTML</H1>
		<li><a href="tryjquery_dom_html_get.html">获得内容 -
				text()、html() 以及 val() 三个简单实用的用于 DOM 操作的 jQuery 方法： text() -
				设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容（包括 HTML 标记） val() - 设置或返回表单字段的值
				下面的例子演示如何通过 jQuery text() 和 html() 方法来获得内容：</a></li>
		<li><a href="tryjquery_dom_val_get.html">下面的例子演示如何通过 jQuery
				val() 方法获得输入字段的值：</a></li>
		<li><a href="tryjquery_dom_attr_get.html">获取属性 - attr()
				jQuery attr() 方法用于获取属性值。 下面的例子演示如何获得链接中 href 属性的值：</a></li>
		<li><a href="tryjquery_dom_html_set.html">下面的例子演示如何通过
				text()、html() 以及 val() 方法来设置内容：</a></li>
		<li><a href="tryjquery_dom_html_callback.html">上面的三个 jQuery
				方法：text()、html() 以及
				val()，同样拥有回调函数。回调函数有两个参数：被选元素列表中当前元素的下标，以及原始（旧的）值。然后以函数新值返回您希望使用的字符串。</a></li>
		<li><a href="tryjquery_dom_attr_set.html">jQuery attr()
				方法也用于设置/改变属性值。</a></li>
		<li><a href="tryjquery_dom_attr_set2.html">attr()
				方法也允许您同时设置多个属性。</a></li>
		<li><a href="tryjquery_dom_attr_callback.html">jQuery 方法
				attr()，也提供回调函数。回调函数由两个参数：被选元素列表中当前元素的下标，以及原始（旧的）值。然后以函数新值返回您希望使用的字符串。</a></li>
		<li><a href="tryjquery_html_append.html">jQuery append()
				方法在被选元素的结尾插入内容。</a></li>
		<li><a href="tryjquery_html_prepend.html">jQuery prepend()
				方法在被选元素的开头插入内容。</a></li>
		<li><a href="tryjquery_html_append2.html">
				在上面的例子中，我们只在被选元素的开头/结尾插入文本/HTML。 不过，append() 和 prepend()
				方法能够通过参数接收无限数量的新元素。可以通过 jQuery 来生成文本/HTML（就像上面的例子那样），或者通过 JavaScript
				代码和 DOM 元素。 在下面的例子中，我们创建若干个新元素。这些元素可以通过 text/HTML、jQuery 或者
				JavaScript/DOM 来创建。然后我们通过 append() 方法把这些新元素追加到文本中（对 prepend() 同样有效）：</a></li>
		<li><a href="tryjquery_html_after.html">jQuery after()
				方法在被选元素之后插入内容。 jQuery before() 方法在被选元素之前插入内容。</a></li>
		<li><a href="tryjquery_html_after2.html">after() 和 before()
				方法能够通过参数接收无限数量的新元素。可以通过 text/HTML、jQuery 或者 JavaScript/DOM 来创建新元素。
				在下面的例子中，我们创建若干新元素。这些元素可以通过 text/HTML、jQuery 或者 JavaScript/DOM
				来创建。然后我们通过 after() 方法把这些新元素插到文本中（对 before() 同样有效）：</a></li>
		<li><a href="tryjquery_dom_remove.html">jQuery remove()
				方法删除被选元素及其子元素。</a></li>
		<li><a href="tryjquery_dom_empty.html">jQuery empty()
				方法删除被选元素的子元素。</a></li>
		<li><a href="tryjquery_dom_remove2.html">jQuery remove()
				方法也可接受一个参数，允许您对被删元素进行过滤。 该参数可以是任何 jQuery 选择器的语法。 下面的例子删除
				class="italic" 的所有 p元素： </a></li>
		<li><a href="tryjquery_dom_addclass.html">下面的例子展示如何向不同的元素添加
				class 属性。当然，在添加类时，您也可以选取多个元素：</a></li>
		<li><a href="tryjquery_dom_addclass2.html">您也可以在 addClass()
				方法中规定多个类：</a></li>
		<li><a href="tryjquery_dom_removeclass.html">下面的例子演示如何在不同的元素中删除指定的
				class 属性：</a></li>
		<li><a href="tryjquery_dom_toggleclass.html">下面的例子将展示如何使用
				jQuery toggleClass() 方法。该方法对被选元素进行添加/删除类的切换操作：</a></li>
		<li><a href="tryjquery_css_getcolor.html">如需返回指定的 CSS
				属性的值，请使用如下语法： css("propertyname"); 下面的例子将返回首个匹配元素的 background-color
				值：</a></li>
		<li><a href="tryjquery_css_setcolor.html">如需设置指定的 CSS
				属性，请使用如下语法： css("propertyname","value"); 下面的例子将为所有匹配元素设置
				background-color 值：</a></li>
		<li><a href="tryjquery_css_set_multiple.html">如需设置多个 CSS
				属性，请使用如下语法：
				css({"propertyname":"value","propertyname":"value",...});
				下面的例子将为所有匹配元素设置 background-color 和 font-size：</a></li>
		<li><img alt="" src="images/img_jquerydim.gif"></li>
		<li><a href="tryjquery_dim_width_height.html">width()
				方法设置或返回元素的宽度（不包括内边距、边框或外边距）。 height() 方法设置或返回元素的高度（不包括内边距、边框或外边距）。
				下面的例子返回指定的 div元素的宽度和高度： </a></li>
		<li><a href="tryjquery_dim_innerwidth_height.html">innerWidth()
				方法返回元素的宽度（包括内边距）。 innerHeight() 方法返回元素的高度（包括内边距）。 下面的例子返回指定的 div元素的
				inner-width/height： </a></li>
		<li><a href="tryjquery_dim_outerwidth_height.html">outerWidth()
				方法返回元素的宽度（包括内边距和边框）。 outerHeight() 方法返回元素的高度（包括内边距和边框）。 下面的例子返回指定的
				div元素的 outer-width/height： </a></li>
		<li><a href="tryjquery_dim_outerwidth(true)_height(true).html">outerWidth(true)
				方法返回元素的宽度（包括内边距和边框和外边距）。 outerHeight(true) 方法返回元素的高度（包括内边距和边框和外边距）。
				下面的例子返回指定的 div元素的 outer-width/height： </a></li>
		<h1>jquery遍历</h1>
		<li><a href="tryjquery_parent.html">parent() 方法返回被选元素的直接父元素。
				该方法只会向上一级对 DOM 树进行遍历。 下面的例子返回每个 span 元素的的直接父元素： </a></li>
		<li><a href="tryjquery_parents.html">parents()
				方法返回被选元素的所有祖先元素，它一路向上直到文档的根元素 ( html )。 下面的例子返回所有 span 元素的所有祖先： </a></li>
		<li><a href="tryjquery_parents2.html">您也可以使用可选参数来过滤对祖先元素的搜索。
				下面的例子返回所有 span 元素的所有祖先，并且它是 ul元素： </a></li>
		<li><a href="tryjquery_parentsuntil.html">parentsUntil()
				方法返回介于两个给定元素之间的所有祖先元素。 下面的例子返回介于 span 与 div 元素之间的所有祖先元素：</a></li>
		<li><a href="tryjquery_children.html">children()
				方法返回被选元素的所有直接子元素。 该方法只会向下一级对 DOM 树进行遍历。 下面的例子返回每个 div元素的所有直接子元素： </a></li>
		<li><a href="tryjquery_children2.html">您也可以使用可选参数来过滤对子元素的搜索。
				下面的例子返回类名为 "1" 的所有 p元素，并且它们是 div的直接子元素： </a></li>
		<li><a href="tryjquery_find.html">find()
				方法返回被选元素的后代元素，一路向下直到最后一个后代。 下面的例子返回属于 div 后代的所有 span元素：</a></li>
		<li><a href="tryjquery_find2.html">下面的例子返回 div 的所有后代：</a></li>
		<li><a href="tryjquery_siblings.html">siblings()
				方法返回被选元素的所有同胞元素。 下面的例子返回 h2的所有同胞元素： </a></li>
		<li><a href="tryjquery_siblings2.html">您也可以使用可选参数来过滤对同胞元素的搜索。
				下面的例子返回属于 h2 的同胞元素的所有 p 元素：</a></li>
		<li><a href="tryjquery_next.html">next() 方法返回被选元素的下一个同胞元素。
				该方法只返回一个元素。 下面的例子返回 h2的下一个同胞元素： </a></li>
		<li><a href="tryjquery_nextall.html">nextAll()
				方法返回被选元素的所有跟随的同胞元素。 下面的例子返回 h2的所有跟随的同胞元素： </a></li>
		<li><a href="tryjquery_nextuntil.html">nextUntil()
				方法返回介于两个给定参数之间的所有跟随的同胞元素。 下面的例子返回介于 h2 与 h6元素之间的所有同胞元素： </a></li>
		<li><a href="tryjquery_first.html">first() 方法返回被选元素的首个元素。
				下面的例子选取首个 div 元素内部的第一个 p元素： </a></li>
		<li><a href="tryjquery_last.html">last() 方法返回被选元素的最后一个元素。
				下面的例子选择最后一个 div 元素中的最后一个 p元素： </a></li>
		<li><a href="tryjquery_eq.html">eq() 方法返回被选元素中带有指定索引号的元素。
				索引号从 0 开始，因此首个元素的索引号是 0 而不是 1。下面的例子选取第二个 p元素（索引号 1）： </a></li>
		<li><a href="tryjquery_filter.html">filter()
				方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除，匹配的元素会被返回。 下面的例子返回带有类名 "url" 的所有 p元素：
		</a></li>
		<li><a href="tryjquery_not.html">not() 方法返回不匹配标准的所有元素。
				提示：not() 方法与 filter() 相反。 下面的例子返回不带有类名 "url" 的所有 p元素： </a></li>
		<li><a href="tryjquery_ajax_load.html">AJAX
				是与服务器交换数据的技术，它在不重载全部页面的情况下，实现了对部分网页的更新。</a></li>
		<li><a href="tryjquery_ajax_load2.html">也可以把 jQuery 选择器添加到
				URL 参数。 下面的例子把 "demo_test.txt" 文件中 id="p1" 的元素的内容，加载到指定的 div元素中： </a></li>
		<li><a href="tryjquery_ajax_load_callback.html">下面的例子会在
				load() 方法完成后显示一个提示框。如果 load() 方法已成功，则显示"外部内容加载成功！"，而如果失败，则显示错误消息：</a></li>
		<li><a href="tryjquery_ajax_get.html">下面的例子使用 $.get()
				方法从服务器上的一个文件中取回数据：</a></li>
		<li><a href="tryjquery_ajax_post.html">$.post()
				的第一个参数是我们希望请求的 URL ("demo_test_post.php")。 然后我们连同请求（name 和
				url）一起发送数据。 "demo_test_post.php" 中的 PHP 脚本读取这些参数，对它们进行处理，然后返回结果。
				第三个参数是回调函数。第一个回调参数存有被请求页面的内容，而第二个参数存有请求的状态。</a></li>
		<li><a href="tryjquery_noconflict.html">noConflict() 方法会释放会 $
				标识符的控制，这样其他脚本就可以使用它了。 当然，您仍然可以通过全名替代简写的方式来使用 jQuery：</a></li>
		<li><a href="tryjquery_noconflict2.html">您也可以创建自己的简写。noConflict()
				可返回对 jQuery 的引用，您可以把它存入变量，以供稍后使用</a></li>
		<li><a href="tryjquery_noconflict3.html">如果你的 jQuery 代码块使用 $
				简写，并且您不愿意改变这个快捷方式，那么您可以把 $ 符号作为变量传递给 ready 方法。这样就可以在函数内使用 $ 符号了 -
				而在函数外，依旧不得不使用 "jQuery"：</a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
		<li><a href=""></a></li>
	</ol>
</body>
</html>